<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #d1{
            width: 1920px;
            height: 960px;
            background-color: #b8a8ce;
            border: 1px solid red;
        }
        #d2{
            position: absolute;/*绝对定位*/
            top: 38px;
            left: 20px;
        }
        #d3{
            width: 1208px;
            height: 616px;
            position: absolute;/*绝对定位*/
            top: 220px;
            left: 350px;
        }
        #d3>img{
            margin-left: 20px;
        }
        img{transition-duration: 1s}
        #d3>img:hover{
            transform:scale(1.1) ;
        }
    </style>
</head>
<body>


<div id="d1">
    <img  id="d2" src="../bh_img/版本内容标题.png">
    <div id="d3">
        <img id="i1" src="../bh_img/版本内容1.png">
        <img id="i2" src="../bh_img/版本内容2.png">
        <img id="i3" src="../bh_img/版本内容3.png">
    </div>
</div>

</body>
</html>